<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>用工工时</title>
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
    <style type="text/css">
        table{
            width: 90%; font-size: 16px;text-align: center;margin: 0 auto;
            border-collapse: separate;border-spacing: 0;border: 2px #e0e0e0;
            margin-top: 20px;
        }
        td {
            border-bottom: 2px solid #eaeaea;
        }
        .tr1{
            background: #efefef;font-size: 14px;height:50px;
        }
        .tr2{
            height: 60px;border-bottom: 2px solid #eaeaea;font-size: 13px;
        }
        h1{
            text-align: center;
        }
        .search{
            width:1300px;
            height:60px;
            margin-top: 30px;
            margin-bottom: 20px;
            margin-left: 55px;
        }
        select{
            width: 15%;
            height: 30px;
            float: left;
            border-radius: 3px;
            border-color: rgb(224, 224, 224);
            border-style: solid;
            border-width: 1px;
            text-indent: 5px;
            margin-left: 10px;
        }
        .selectButton{
            float: left;
            margin-left: 10px;
            height: 30px;
            width: 70px;
            border: none;
            background-color: rgb(22, 155, 213);
            color: white;

        }
        input{
            width:15%;
            height: 30px;
            float: left;
            border-radius: 3px;
            border-color: rgb(224, 224, 224);
            border-style: solid;
            border-width: 1px;
            text-indent: 5px;
            margin-left: 5px;

        }
        input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
        input[type="number"]{ -moz-appearance: textfield; }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!-- header -->
    <div th:replace="~{commons/header::header}"></div>

    <!-- left -->
    <div th:replace="~{commons/left::left}"></div>
    <!-- 内容主体区域 -->
    <div class="layui-body">
        <div style="padding: 30px 30px ;">
            <h1>用工工时</h1>
            <div class="search">
                <form action="/staff_time_select" method="post" autocomplete="off">
                    <select name="batchTeam">
                        <option value="0">请选择用工批次</option>
                        <option th:each="batchList:${batchList}" th:text="${batchList.getBatchTeam()}"></option>
                    </select>
                    <select name="unit">
                        <option value="1">请选择用工部门</option>
                        <option value="学工处">学工处</option>
                        <option value="图书馆">图书馆</option>
                        <option value="财务部">财务部</option>
                        <option value="心理咨询中心">心理咨询中心</option>
                        <option value="创四方园">创四方园</option>
                    </select>

                    <input type="text" name="stuName" placeholder="请输入姓名">
                    <input type="number" name="stuId" placeholder="请输入学号">
                    <input type="submit" value="查询" class="selectButton">
                </form>
            </div>
            <table  class="gridtable">
                <thead>
                <tr class="tr1">
                    <th>序号</th>
                    <th>用工批次</th>
                    <th>用工部门</th>
                    <th>月份</th>
                    <th>学号</th>
                    <th>姓名</th>
                    <th>年级</th>
                    <th>学院</th>
                    <th>工作状态</th>
                    <th>工时</th>
                    <th>时薪</th>
                    <th>金额</th>
                    <th>审核状态</th>
                    <th>提交时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr  th:each="HwTimeList:${HwTimeList}" class="tr2">

                    <td th:text="${HwTimeList.getHwTimeNum()}"></td>
                    <td th:text="${HwTimeList.getBatchTeam()}"> </td>
                    <td th:text="${HwTimeList.getLaborUnit()}"></td>
                    <td th:text="${HwTimeList.getHwTimeMonth()}"> </td>
                    <td th:text="${HwTimeList.getStuId()}"> </td>
                    <td  th:text="${HwTimeList.getStuName()}"> </td>
                    <td  th:text="${HwTimeList.getStuCollege()}"></td>
                    <td  th:text="${HwTimeList.getStuGrade()}"> </td>
                    <td  th:text="${HwTimeList.getHwaWorkState()}"> </td>
                    <td th:text="${HwTimeList.getHwTimeHour()}"> </td>
                    <td th:text="${HwTimeList.getHwTimeSalary()}"> </td>
                    <td th:text="${HwTimeList.getHwTimeAllSalary()}"> </td>
                    <td th:text="${HwTimeList.getHwTimeApplyState()}"> </td>
                    <td th:text="${HwTimeList.getHwTimeSubmitTime()}"> </td>

                    <td>
                        <a th:href="@{'/hw_staff_timeDetail/'+${HwTimeList.getHwTimeNum()}}" style="color: #00b4ef;" >详情</a>|
                        <a th:href="@{'/to_hw_staff_TimeUpdate/'+${HwTimeList.getHwTimeNum()}}" style="color: red;" >审批</a>
                    </td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script>
    //JavaScript代码区域
    layui.use('element', function() {
        var element = layui.element;
    });
</script>
</body>
</html>